/*
    COMMON STYLES
*/

html { height: 100%; }

body {
    width:  80em; 
    min-width: 978px;
    min-height: 100%;
    background: #bcdaa3; 
    color: #575757;
    font-family: Verdana, Sans-serif;
    font-size: 9pt;
    margin: 0px auto; 
    padding: 0px;
}

.page_background {
    position: relative;
    background-color: white;
    padding: 0px 10px 0px 10px;
}

input, select, textarea {
    color: black;
    border: 1px #96c56f solid;
    background-color: #eff6ea;
    font-family: Verdana, Sans-serif;
    font-size: 8pt;
}

input:focus, textarea:focus {
    border: 1px solid #31699E;
}

.input_checkbox, .input_radio {
    border: 0;
    background: none;
}

.form_field.error input, .form_field.Error input, .form_field.error select, .form_field.error textarea, .form_field.Error textarea,
input.error, input.Error, select.error, textarea.error {
    border-color: red;
    background-color: #ffeeff;
}

h1, h2 {
    font-size: 10pt;
    font-weight: bold;
}

hr {
    width: 95%;
    height: 1px;
    color: #deecd3;
    border: 0px;
    background-color: #deecd3;
    margin: 0px auto;
    padding: 0px;
}


a {
    color: #5B7F9F;
}

img {
    border: none;
}

p, form, .input_hidden {
    padding: 0px;
    margin: 0px;
}

.clear_both {
    clear: both;
}

.error_message {
    color: red;
    font-size: 10pt;
    font-weight: bold;
    border: 1px solid red;
    text-align: left;
    padding: 7px 20px 7px 20px;
    margin: 10px 20px;
    display: block;
}

.success_message {
    color: green;
    font-size: 10pt;
    font-weight: bold;
    border: 1px solid green;
    text-align: left;
    padding: 7px 20px 7px 20px;
    margin: 10px 20px;
    display: block;
}

.note {
    color: #575757;
    font-size: 8pt;
    font-weight: normal;
}

.page_container a {
    color: #5B7F9F;
}

.page_container p {
    margin: 0px 0px 10px 0px;
}


/* ************************************************ */
/* TREE */
ul.tree,
ul.tree li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

ul.tree {
    padding-left: 21px;
    padding-top: 10px;
}

ul.tree li span {
    display: block;
    line-height: 18px;
    padding-top: 3px;
}

ul.tree li span a {
    text-decoration: none;
}

ul.tree li span.selected,
ul.tree li span.selected a {
    color: #ff8400;
    font-weight: bold;
}

ul.tree li span:hover,
ul.tree li span a:hover{
    background-color: #99c872;
    text-decoration: underline;
}

ul.tree li span {
    padding-left: 10px;
    margin-left: -10px;
    padding-right: -11px;
    margin-right: 11px;
}

ul.tree li ul li span {
    padding-left: 30px;
    margin-left: -50px;
}

ul.tree li ul li ul li span {
    padding-left: 50px;
    margin-left: -90px;
}

ul.tree li ul li ul li ul li span {
    padding-left: 70px;
    margin-left: -130px;
}

ul.tree li ul li ul li ul li ul li span {
    padding-left: 90px;
    margin-left: -170px;
}

ul.tree li ul li ul li ul li ul li ul li span {
    padding-left: 110px;
    margin-left: -210px;
}

ul.tree li ul li ul li ul li ul li ul li ul li span {
    padding-left: 130px;
    margin-left: -250px;
}
/* ************************************************ */


/* PRODUCT ************************************************ */
.product_list_price,
.product_sale_price,
.product_name,
.product_name a {
    font-size: 10pt;
    font-weight: bold;
    font-family: Tahoma;
    color: #404040;
}

.product_name a:hover {
    color: #315d86;
}

.product_list_price {
    color: #585858;
}

.product_list_price .value {
    text-decoration: line-through;
}

.product_sale_price {
    color: #c71b31;
}

.limited_inventory {
    color: red;
    font-size: 8pt;
}
/* ************************************************ */


/* RATING STARTS ********************************** */
.rating-box {
    width: 69px;
    height: 13px;
    background: url(../images/star_blank.gif) repeat-x;
    margin: auto auto;
}

.rating-box .rating {
    width: 69px;
    height: 13px;
    background: url(../images/star_full.gif) repeat-x;
}
/* ************************************************ */


/* ************************************************ */
.paginator {
    color: #404040;
    font-size: 8pt;
    font-weight: normal;
    float: left;
}

.paginator.products_shown {
    float: left;
}

.paginator.line {
    float: right;
}
/* ************************************************ */


/* ************************************************ */
.product-list-sorter {
    color: #404040;
    font-size: 8pt;
    font-weight: normal;
}

.product-list-sorter ul {
	display: inline;
	padding: 0px;
	margin: 0px;
}

.product-list-sorter ul li {
	display: inline;
    padding: 0px;
    margin-left: 5px;
}

.box .product-list-sorter ul li a {
    color: #5A3333;
}

.product-list-sorter ul li a:hover {
    color: #666666;
}
/* ************************************************ */


/* DISCOUNT *************************************** */
.discount_star {
    position: absolute;
    width: 69px;
    height: 69px;
    top: 70px;
    right: 10px;
    background: url("../images/discount-star.png") top left no-repeat;
    text-align: center;
}

.discount_star span {
    color: white;
    display: block;
}

.discount_star span.label {
    font-weight: normal;
    padding: 10px 0px 0px 0px;
    font-size: 8pt;
    width: 53px;
    margin: auto auto;
}

.discount_star span.value {
    font-weight: bold;
    font-size: 10pt;
}
/* ************************************************ */



/* FORMS ****************************************** */
.form_view .form_row {
    padding-bottom: 10px;
    width: 100%;
    overflow: hidden;
}

.form_view .form_row {
    padding-bottom: 5px;
}

.form_view .form_row .form_descr {
    float: left;
    width: 20%;
}

.form_view .form_row .form_descr.error {
    color: red;
}

.form_view .form_row .form_field {
    margin-left: 20%;
    width: 80%;
}

.form_view .form_row .form_field textarea,
.form_view .form_row .form_field select,
.form_view .form_row .form_field .input_password,
.form_view .form_row .form_field .input_file,
.form_view .form_row .form_field .input_text {
    width: 90%;
    margin-left: 0px;
}

.form_view .form_row .form_field textarea {
    height: 100px;
}

.form_view .form_row .form_field .input_radio,
.form_view .form_row .form_field .input_checkbox {
    vertical-align: middle;
}

.form_view .form_row .form_hint {
    margin-right: 7%;
}
/* ************************************************ */


/* ************************************************ */
.product_rating_info {
    overflow: hidden;
}

.product_rating_info .label {
    width: 20px;
    float: left;
    clear: left;
}

.product_rating_info .rating-box {
    margin: 0px;
    margin-left: 60px;
    margin-top: 1px;
    margin-right: 30px;
}
/* ************************************************ */


/* ************************************************ */
.product_review {
    padding: 15px 15px 0px 15px;
}

.product_review .review_text {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 10px;
}

.product_review .product_review_author .label {
    font-size: 8pt;
}

.product_review .product_review_author .author {
    font-weight: bold;
}

.product_review .product_review_posted_on {
    font-size: 8pt;
    padding-bottom: 10px;
}

.product_review .product_rating_info {
    padding-bottom: 10px;
}

.product_review .review_text {
    max-height: 400px;
    overflow: auto;
}
/* *********************************************** */


/* *********************************************** */
.add_review {
    padding: 15px;
}

.review_select_rating,
.review_input_text,
.review_input_name,
.review_target {
    padding-bottom: 10px;
}

.review_target .product_name {
    font-weight: bold;
}

.review_input_text .label {
    display: block;
    text-align: left;
}

.review_input_text textarea {
    width: 98%;
    height: 200px;
}

.review_select_rating {
    overflow: hidden;
}

.review_select_rating .ratings_block {
    padding-right: 40px;
    overflow:hidden;
    clear: left;
}

.review_select_rating .ratings_block .rating_name {
    font-weight: bold;
    display: block;
    width: 70px;
    float: left;
}

.review_select_rating .ratings_block .product_rating_info {
    padding-bottom: 5px;
    float: left;
}

.review_select_rating .ratings_block .product_rating_info .rating-box {
    margin-left: 22px;
    margin-top: 2px;
}
/* *********************************************** */


/* *********************************************** */
.product_detailed_img img {
    vertical-align: top;
    height: 50px;
}

.product_img img:hover,
.product_detailed_img img:hover {
    border: 1px solid #CECECE;
}

.product_img {
    padding-bottom: 10px;
}

.product_detailed_img img,
.product_img img {
    padding: 1px;
    border: 1px solid white;
}
/* *********************************************** */


/* *********************************************** */
.shoppingcart_total {
    overflow: hidden;
    padding: 10px 20px 10px 0px;
}

.shoppingcart_total hr {
    float: right;
}

.shoppingcart_total .total_name {
    float: left;
    width: 65%;
    text-align: right;
    font-weight: bold;
    display: block;
}

.shoppingcart_total .total_value {
    float: right;
    width: 30%;
    text-align: right;
    display: block;
    padding-right: 10px;
}
/* *********************************************** */


.store_closed .empty {
    padding: 100px 20px 100px 20px;
    text-align: center;
    font-weight: bold;
}

.cmspage_content {
    padding: 20px;
}

/* BOX ************************************************ */
.box {
    margin-bottom: 7px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.box .content {
    padding: 0px;
}

.box .cn {
    width: 10px;
    height: 10px;
    position: absolute;
    overflow: hidden;
}

.box .cn.lt { left: -5px; top: -5px; }
.box .cn.rt { left: -5px; top: -5px; margin-left: 100%; }
.box .cn.lb { bottom: -5px; left: -5px; }
.box .cn.rb { bottom: -5px; left: -5px; margin-left: 100%; }
/* BOX ************************************************ */


/* BOX in .page_container ***************************** */
.page_container .box .cn {
    background: url('../images/bg-box-corners-on-white.png') no-repeat;
}

.page_container .box .content {
    background: white url('../images/bg-box-body.gif') repeat-x 0px 0px;
    padding-bottom: 16px;
    border-left: 1px solid #B8C2CA;
    border-right: 1px solid #B8C2CA;
    border-bottom: 1px solid #ADB6BD;
}

.page_container .box.nogradient .content {
   background-image: none;
}

.right_column .box  select,
.left_column .box select {
    display: block;
    margin: 16px auto 0px auto;
    width: 85%;
}

.box h1,
.box h2,
.box .header,
.box .subheader,
.box .toolbar {
    display: block;
    height: 23px;
    text-align: left;
    padding: 5px 21px 0px 21px;
    margin: 0px;
    font-size: 10pt;
    font-weight: bold;
}

.box h1 span {
    position: absolute;
    top: 7px;
    right: 20px;
    font-size: 8pt;
    font-weight: normal;
}

.box h1 span a {
    font-size: 8pt;
    font-weight: normal;
}

.box h1,
.box .header {
    color: white;
    background: #6591BB url('../images/bg-box-header.png') no-repeat 0px 0px;
    border-bottom: 1px white solid;
}

.box h2,
.box .subheader,
.box .subheader a,
.box h2 a {
    background-color: #dcf0cc;
    color: #428231;
}

.box h1 a {
    font-size: 10pt;
    font-weight: bold;
    color: white;
}

.box .toolbar {
    font-size: 8pt;
    font-weight: normal;
}

.box hr {
    width: 95%;
    height: 1px;
    color: #DEDEDE;
    border: 0px;
    background-color: #DEDEDE;
    margin: 0px auto;
    padding: 0px;
}
/* BOX in .page_container ***************************** */


/* BOX inside BOX in .page_container ****************** */
.box .box {
    margin: 20px;
    width: auto;
}

.box .box .cn {
    background: none;
}

.box .box .content {
    background: none;
    border: 1px solid #deecd3;
}

.box .box h1,
.box .box .header {
    color: #404040;
    background: #deecd3;
    font-size: 9pt;
    font-weight: normal;
    height: 20px;
}

/* BOX inside BOX in .page_container ****************** */


.page_container .box.welcome .content {
    background: white url('../images/welcome-banner.gif') no-repeat 0px 0px;
    border: 1px solid #ADB6BD;    
    padding: 20px 10px 20px 100px;
}

/* Page Header Box ************************************************ */
.box.page_header {
    margin-bottom: 0px;
}

.box.page_header .content {
    height: 101px;
    background: white url('../images/bg-page-header.gif') no-repeat top right;
}

/* Page Header corners */
.box.page_header  .cn {
    background: none;
}
/* Page Header Box ************************************************ */



/* Page Top Menu ************************************************ */
.box.page_top_menu .content {
    height: 34px;
    border: 1px #B3B3B3 solid;
    background: #F1F1F1 url('../images/bg-page-top-menu.gif') repeat-x 0 0;
}

.box.page_top_menu .cn {
    background: url('../images/bg-page-top-menu-corners-on-white.gif') no-repeat; /* no-repeat for ie6 */
}
/* Page Top Menu ************************************************ */



/* Page Layout: Columns ************************************************ */
.page_container {
    overflow: hidden;
    width: 100%;
}

.page_container .left_column {
    float: left;
    width: 200px;
    margin-right: 7px;
}

.page_container .right_column {
    float: right;
    width: 200px;
    margin-left: 7px;
}

.page_container .center_column {
    margin-left: 207px;
    margin-right: 207px;
}

.page_container.columnsLC .right_column {
    display: none
}

.page_container.columnsLC .center_column {
    margin-left: 207px;
    margin-right: 0px;
}

.page_container.columnsCR .left_column {
    display: none
}

.page_container.columnsCR .center_column {
    margin-left: 0px;
    margin-right: 207px;
}

.page_container.columnsC .left_column {
    display: none
}

.page_container.columnsC .right_column {
    display: none
}

.page_container.columnsC .center_column {
    margin-left: 0px;
    margin-right: 0px;
}

.page_footer {
    height: 90px;
    clear: both;
    width: 100%;
    padding-top: 30px
}
/* Page Layout: Columns ************************************************ */


/* BLOCK position  ************************************************ */
.page_header .logo {
    position: absolute;
    top: 0px;
    left: 0px;
    background: url('../images/header.gif') no-repeat;
    width: 203px;
    height: 98px;
}

.page_header .logo img {
    padding-top: 30px;
}

.page_header .top_user1 {
    position: absolute;
    top: 30px;
    right: 400px;
}

.page_header .top_user2 {
    position: absolute;
    top: 30px;
    right: 25px;
}

.page_header .top_user3 {
    position: absolute;
    top: 60px;
    right: 25px;
}

/* BLOCK position  ************************************************ */


.box.page_footer  {
    margin-bottom: 0px;
}

.page_footer img.cc_icon {
    position: absolute;
    top: 25px;
    left: 10px;
}

.page_footer img.w3c_icon {
    position: absolute;
    top: 25px;
    right: 10px;
}

.page_footer hr {
    width: 100%;
    color: #969ea4;
    background-color: #969ea4;
}

.page_footer .copyright {
    margin: 0px;
    padding: 0px;
    color: #404040;
    font-size: 8pt;
    text-align: center;
    padding-top: 10px;
}

/*** page_header menu *********************************************************
     This styles define how to display menu block inside page_header block.
*******************************************************************************/

.page_header .menu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.page_header .menu li {
    display: inline;
    padding-left: 9px;
    margin-left: 10px;
    background-image:url("../images/page-top-menu-triangle.gif");
    background-repeat:no-repeat;
    background-position: 0px 4px;
}

.page_header .menu li.nolink {
    background-image: none;
    padding-left: 0px;
}

.page_header .menu li,
.page_header .menu li a {
    color: black;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    text-decoration: none;
    font-weight: bold;
}

.page_header .top_user3 .menu li,
.page_header .top_user3 .menu li a {
    color: green;
}

.page_header .menu li a:hover {
    text-decoration: underline;
}
/*** page_header menu *********************************************************/



/*** page_top_menu menu ********************************************************
     This styles define how to display menu block inside page_top_menu block.
*******************************************************************************/
.page_top_menu .menu {
    position: absolute;
    top: 10px;
    left: 12px;
}

.page_top_menu .menu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.page_top_menu .menu li {
    display: inline;
    padding-left: 9px;
    padding-right: 20px;
    margin-left: 10px;
    background-image: none;
    border-right: 1px solid #b3b3b3;
}

.page_top_menu .menu li.last {
    border: none;
}

.page_top_menu .menu li,
.page_top_menu .menu li a {
    color: #5c8f4c;
    font-family: Arial, sans-serif;
    font-size: 9pt;
    text-decoration: none;
    font-weight: bold;
}

.page_top_menu .menu li a:hover {
    text-decoration: underline;
}
/*** page_top_menu menu *********************************************************/



/*** .page_footer menu *********************************************************/
.page_footer .menublock {
    text-align: center;
    padding-bottom: 10px;
}

.page_footer .menublock ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.page_footer .menublock li {
    display: inline;
    padding-left: 15px;
    padding-right: 15px;
    background-image: none;
    border-right: 1px solid #404040;
}

.page_footer .menublock li.last {
    border: none;
}

.page_footer .menublock li,
.page_footer .menublock li a {
    color: #404040;
    font-family: Arial, sans-serif;
    font-size: 9pt;
    text-decoration: none;
    font-weight: normal;
}

.page_footer .menublock li a:hover {
    text-decoration: underline;
}


.page_header .search .input_text {
    background-image: url("../images/bg-input-page-header.gif");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-color: transparent;
    border: none;
    color: black;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 10px 10px 10px;
    width: 210px;
    margin: 0px;
}

.page_header .search .input_text:focus {
    border: 0px;
    outline: 0px;
}

.page_header .search input.button_search {
    vertical-align: top;
}

/* PRODUCT LIST LAYOUT ********************************************* */
.product_list.search_result .subheader {
    border-bottom: 1px solid white;
}

.product_list.search_result .toolbar {
    border-top: 1px solid #b6c9db;
    border-bottom: 1px solid #dedede;
}

.product_lis.search_resultt .toolbar.top {
    border-top: 1px solid #b6c9db;
    border-bottom: 1px solid #dedede;
}

.product_list.search_result .toolbar.bottom {
    border-top: 1px solid #dedede;
    border-bottom: none;
}

.box.product_list.search_result .content {
    padding-bottom: 5px;
}

.product_list.search_result .product_list_items {
    background-image: none;
}

.product_list.search_result .product_list_items.empty {
    background-image: none;
    padding: 100px 0px 100px 0px;
    text-align: left;
}

.search_result .product_list .subheader .product-list-sorter {
    padding-top: 2px;
}
/* **************************************************************** */


/* PRODUCT LIST ITEM LAYOUT *************************************** */
.search_result .product_item {
    float: none;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    position: relative;
}

.search_result .product_item .limited_inventory,
.search_result .product_item .product_descr,
.search_result .product_item .product_rating,
.search_result .product_item .product_buttons,
.search_result .product_item .product_img,
.search_result .product_item .product_list_price,
.search_result .product_item .product_sale_price,
.search_result .product_item .product_name {
    width: 100%;
}

.search_result .product_item .product_rating .rating-box {
    margin: 0px;
    margin-left: 140px;
}

.search_result .product_item .product_img {
    text-align: left;
    padding-top: 25px;
    float: left;
    width: 140px;
}

.search_result .product_item .product_list_price {
    padding-top: 0px;
}

.search_result .product_item .product_sale_price .label,
.search_result .product_item .product_list_price .label {
    display: inline;
}

.search_result .product_item .product_buttons {
    display: none;
}

.search_result .search_form {
    padding: 20px;
}

.search_result .search_form .input_text {
    width: 60%;
}

.search_result .search_form input.button_search {
    vertical-align: top;
}

/* *************************************************************** */

.search_result .product_list_items.empty {
    width: 50%;
    margin-left: 20px;
    text-align: left;
    padding-top: 20px;
}

input.buttons {
    background: none no-repeat top left;
    border: none;
    cursor: pointer;
    overflow: hidden;

    font-size: 0px;
    line-height: 0px;
}

input.button_search {
    background-image: url("../images/buttons/button-search-page-header.gif");
    width: 26px;
    height: 26px;
    padding-bottom: 2px;
}

input.button_add_to_cart {
    background-image: url("../images/buttons/button-add-to-cart-yellow.png");
    width: 95px;
    height: 25px;
    padding-bottom: 2px;
}

input.button_out_of_stock {
    background-image: url("../images/buttons/button-out-of-stock.png");
    width: 95px;
    height: 25px;
    padding-bottom: 2px;
    cursor: default; 
}

input.button_continue_checkout {
    background: url("../images/buttons/button-continue-checkout.png") no-repeat top left;
    width: 137px;
    height: 23px;
    padding-bottom: 2px;
}

input.button_save_changes {
    background: url("../images/buttons/button-save-changes.png") no-repeat top left;
    width: 102px;
    height: 23px;
    padding-bottom: 2px;
}

input.button_signin {
    background: url("../images/buttons/button-signin.png") no-repeat top left;
    width: 82px;
    height: 23px;
    padding-bottom: 2px;
}

input.button_register {
    background: url("../images/buttons/button-register.png") no-repeat top left;
    width: 82px;
    height: 23px;
    padding-bottom: 2px;
}

input.button_continue {
    background: url("../images/buttons/button-continue.png") no-repeat top left;
    width: 82px;
    height: 23px;
    padding-bottom: 2px;
}



span.button_proceed_to_checkout {
    background: url("../images/buttons/button-proceed-to-checkout-border.png") no-repeat top left;
    width: 147px;
    height: 23px;
    cursor: pointer;
    display: block;
}

span.button_continue_shopping {
    background: url("../images/buttons/button-continue-shopping.png") no-repeat top left;
    width: 142px;
    height: 23px;
    cursor: pointer;
    display: block;
}

span.button_continue_shopping_back {
    background: url("../images/buttons/button-continue-shopping-back.png") no-repeat top left;
    width: 142px;
    height: 23px;
    cursor: pointer;
    display: block;
}

span.button_continue_checkout {
    background: url("../images/buttons/button-continue-checkout.png") no-repeat top left;
    width: 137px;
    height: 23px;
    cursor: pointer;
    display: block;
}

span.button_back {
    background: url("../images/buttons/button-back.png") no-repeat top left;
    width: 67px;
    height: 23px;
    cursor: pointer;
    display: block;
}


span.button_register {
    background: url("../images/buttons/button-register.png") no-repeat top left;
    width: 82px;
    height: 23px;
    cursor: pointer;
    display: block;
}

span.button_details {
    background: url("../images/buttons/button-details.png") no-repeat top left;
    width: 95px;
    height: 25px;
    cursor: pointer;
    display: block;
}


.navigation_bar ul li span {
    border-bottom: 1px dotted #cccccc;
}

.navigation_bar.empty p {
    padding: 50px 0px 50px 0px;
    text-align: center;
    font-weight: bold;
}

.box.navigation_bar .content {
    background: #96c56f url('../images/bg-navigationbar.png') repeat-x 0px 29px;
}

.navigation_bar .content .tree span a {
    color: white;
}

.page_container .box.navigation_bar .cn {
    background: url('../images/bg-navigationbar-corners.gif') no-repeat;
}




/* PRODUCT LIST LAYOUT ********************************************* */
.product_list .subheader {
    border-bottom: 1px solid white;
}

.product_list .toolbar {
    border-top: 1px solid #b6c9db;
    border-bottom: 1px solid #dedede;
}

.product_list .toolbar.top {
    border-top: 1px solid #b6c9db;
    border-bottom: 1px solid #dedede;
}

.product_list .toolbar.bottom {
    border-top: 1px solid #dedede;
    border-bottom: none;
    background-color: white;
}

.box.product_list .content {
    padding-bottom: 5px;
}

.checkout .product_list_items.empty,
.shoppingcart .product_list_items.empty,
.product_list .product_list_items.empty {
    background-image: none;
    padding: 100px 0px 100px 0px;
    text-align: center;
}

.product_list .subheader .product-list-sorter {
    padding-top: 2px;
}

.product_list .view_all_link {
    text-align: center;
    padding-top: 5px;
    text-decoration: none;
}

.center_column .product_list .view_all_link {
    position: absolute;
    top: 1px;
    right: 20px;
}

.center_column .product_list .view_all_link a {
    color: white;
}
/* **************************************************************** */


/* PRODUCT LIST ITEM LAYOUT *************************************** */
.product_item {
    float: left;
    width: 33%;
    text-align: left;
    position: relative;
}

.product_list_items.columns_4  .product_item {
    width: 25%;
}

.product_list_items.columns_5  .product_item {
    width: 20%;
}

.product_item .limited_inventory,
.product_item .product_rating,
.product_item .product_buttons,
.product_item .product_img,
.product_item .product_list_price,
.product_item .product_sale_price,
.product_item .product_name {
    margin: auto auto;
    padding-top: 10px;
    width: 70%;
}

.product_item .product_rating .rating-box {
    margin: 0px;
}

.product_item .product_img {
    text-align: center;
    width: 100%;
    padding-top: 25px;
}

.product_item .product_list_price {
    padding-top: 0px;
}

.product_item .product_sale_price .label,
.product_item .product_list_price .label {
    display: none;
}

.product_item .product_buttons {
    padding-bottom: 25px;
}
/* *************************************************************** */


/* FEATURED PRODUCTS & BESTSELLERS LIST **************************************** */
.product_list.related_products .content,
.product_list.bestsellers .content,
.product_list.featured_products .content {
    padding-bottom: 15px;
}

.left_column .product_list.bestsellers .product_item,
.right_column .product_list.bestsellers .product_item,
.left_column .product_list.related_products .product_item,
.right_column .product_list.related_products .product_item,
.left_column .product_list.featured_products .product_item,
.right_column .product_list.featured_products .product_item {
    width: 100%;
    float: none;
    border-bottom: 1px solid #dedede;
}

.product_list.bestsellers .product_item,
.product_list.related_products .product_item,
.product_list.featured_products .product_item {
    padding-bottom: 20px;
}

.left_column .product_list.bestsellers hr,
.right_column .product_list.bestsellers hr,
.left_column .product_list.related_products hr,
.right_column .product_list.related_products hr,
.left_column .product_list.featured_products hr,
.right_column .product_list.featured_products hr {
    display: none;
}

.right_column  .product_list.featured_products .product_list_items,
.left_column  .product_list.featured_products .product_list_items,
.right_column  .product_list.related_products .product_list_items,
.left_column  .product_list.related_products .product_list_items,
.right_column  .product_list.bestsellers .product_list_items,
.left_column  .product_list.bestsellers .product_list_items {
    background-image: none;
}
/* *************************************************************** */

div.product-list-sorter {
    float: right;
    white-space: nowrap;
    
}


/* LAYOUT */
.product_info .product_item {
    float: none;
    width: 100%;
    overflow: hidden;
}

/* to center */
.product_info .product_name {
    text-align: left;
    padding: 15px 20px 0px 20px;
    margin: 0px;
}

/* to left */
.product_info .limited_inventory,
.product_info .product_add_quantity,
.product_info .product_rating,
.product_info .product_buttons,
.product_info .product_list_price,
.product_info .product_sale_price,
.product_info .product_img {
    float: left;
    width: 180px;
    clear: left;
    text-align: center;
    padding: 15px 0px 0px 20px;
}

/* to right */
.product_info .product_rating_info,
.product_info .product_options,
.product_info .product_short_description,
.product_info .product_detailed_description {
    padding: 15px 20px 0px 0px;
    margin-left: 205px;
}

.product_info .product_list_price {
    padding-top: 0px;
}

/* by default they are hidden, so show them */
.product_info .product_sale_price .label,
.product_info .product_list_price .label {
    display: inline;
}

.product_info .product_rating .rating-box {
    margin: auto auto;
}

.product_info .discount_star {
    float: left;
    width: 69px;
    clear: left;
    text-align: center;
    position: static;
    padding: 0px;
    margin-left: 80px;
    margin-top: 10px;
}



/* STYLE */
.product_info .product_name {
    font-size: 11pt;
    font-weight: bold;
    color: #315d86;
}

.product_info .product_detailed_description p {
    margin: 0px;
    padding: 0px 0px 10px 0px;
}

.product_info .limited_inventory {
    width:  120px;
    margin: auto auto;
    padding-left: 50px;
}


.product_options.form_view .form_row {
    padding-bottom: 20px;
}

.product_options.form_view {
    padding-top: 30px;
}

.product_options.form_view .form_descr {
    font-weight: bold;
}

.product_options.form_view .form_field {
    margin-left: 25%;
    width: 75%;
}

.cart_preview {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #808080;
    font-size: 9pt;
}

.cart_preview img {
    margin-top: 1px;
    margin-bottom: -6px;
    padding-right: 0px;
    padding-left: 10px;
} 


/* SHOPPING CART ************************************************* */
.box.shoppingcart .content {
    padding-bottom: 0px;
    overflow: hidden;
}

.shoppingcart .product_item {
    float: none;
    overflow: hidden;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #CCD9E6;
    text-align: center;
    padding-bottom: 10px;
}

.shoppingcart .product_name,
.shoppingcart .product_options,
.shoppingcart .product_quantity_selector,
.shoppingcart .product_sale_price,
.shoppingcart .product_total_price,
.shoppingcart .product_img {
    float: left;
    padding-top: 20px;
}

.shoppingcart .product_img {
    width: 26%;
}

.shoppingcart .product_name {
    width: 30%;
    text-align: left;
}

.shoppingcart .product_name  a {
    clear: both;
    font-size: 11pt;
    display: block;
}

.shoppingcart .product_quantity_selector {
    width: 14%;
    float: right;
}

.shoppingcart .product_sale_price {
    width: 14%;
    float: right;
    color: #404040;
    font-weight: normal;
}

.shoppingcart .product_total_price {
    width: 14%;
    float: right;
    color: #404040;
    font-weight: normal;
}

.shoppingcart .product_total_price .label {
    padding-top: 10px;
    display: block;
}

.shoppingcart .product_options {
    padding-top: 0px;
}

.shoppingcart .product_options ul {
    padding: 0px 0px 0px 10px;
    margin: 0px;
    list-style-type: none;
}

.shoppingcart .product_options ul li .product_option_selected_value {
    font-weight: normal;
}

.shoppingcart .cart_buttons {
    overflow: hidden;
    margin: 20px 20px 20px 20px;
    padding-top: 20px;
    border-top: 1px solid #CCD9E6;
}

.shoppingcart .cart_buttons .button_continue_shopping_back {
    float: left;
}

.shoppingcart .cart_buttons .button_proceed_to_checkout {
    float: right;
}

.shoppingcart .promo_code_form {
    padding: 20px 30% 20px 20px;
    line-height: 20px;
}

.shoppingcart .shoppingcart_total {
    width: 28%;
    float: right;
}

/* *************************************************************** */

/* SHOPPING CART HEADER ****************************************** */
.shoppingcart .box .content {
    border-bottom: none;
    padding-bottom: 0px;
}

.shoppingcart .header {
    padding: 2px 0px 0px 0px;
}

.shoppingcart .header .product_item {
    border-bottom: none;
    padding-bottom: 0px;
}

.shoppingcart .header .product_name,
.shoppingcart .header .product_options,
.shoppingcart .header .product_quantity_selector,
.shoppingcart .header .product_sale_price,
.shoppingcart .header .product_total_price,
.shoppingcart .header .product_img {
    padding-top: 0px;
}

.shoppingcart .header .product_name {
    width: 30%;
}

.shoppingcart .header .product_name {
    font-size: 9pt;
    font-weight: normal;
}
/* *************************************************************** */


.checkout .shoppingcart .product_name {
    width: 50%;
}

.checkout .shoppingcart .header .product_name {
    width: 50%;
}

/* MINI SHOPPING CART *************************************************************** */
.minishoppingcart .content {
    overflow: hidden;
}

.minishoppingcart .product_item {
    float: none;
    width: 90%;
    padding: 10px 20px 5px 10px;
    clear: both;
}

.minishoppingcart .product_item .product_name {
    font-weight: normal;
    width: 80%;
    padding: 0px;
    margin: 0px;
    margin-left: 40px;
}

.minishoppingcart .product_item .product_name a {
    font-weight: normal;
    color: #5B7F9F;
}

.minishoppingcart .shoppingcart_total {
    padding-left: 20px;
}

.minishoppingcart .shoppingcart_total .total_name {
    width: 40%;
    text-align: left;
}

.minishoppingcart .shoppingcart_total .total_value {
    width: 50%;
}

.minishoppingcart .cart_buttons {
    padding: 0px 20px 0px 20px;
}

.minishoppingcart .cart_buttons  a {
    display: block;
    padding-bottom: 5px;
}

.minishoppingcart  .product_img {
    float: left;
    width: 30px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
/* CHECKOUT ****************************************************** */
.checkout .box {
    margin-bottom: 0px;
    margin-top: 0px;
}

.checkout .box .content {
    border-bottom: 1px solid #CCD9E6;
    overflow: hidden;
}

.checkout .header .payment_methods,
.checkout .header .shipping_methods,
.checkout .header .billing_form,
.checkout .header .selected_payment_shipping_methods,
.checkout .header .key_order_details,
.checkout .header .cart_summary,
.checkout .header .shipping_form {
    padding-top: 2px;
    color: #428231;
    font-weight: bold;
    font-size: 8pt;
}

.checkout .payment_methods,
.checkout .shipping_methods,
.checkout .billing_form,
.checkout .key_order_details,
.checkout .selected_payment_shipping_methods,
.checkout .cart_summary,
.checkout .shipping_form {
    padding-left: 20px;
    padding-top: 15px;
}

.checkout .key_order_details,
.checkout .selected_payment_shipping_methods {
    float: left;
    width: 29%;
}

.checkout .cart_summary {
    float: left;
    width: 29%;
    color: #428231;
    font-weight: bold;
    font-size: 8pt;
}

.checkout .billing_form {
    float: right;
    width: 32%;
    line-height: 17px;
}

.checkout .shipping_form {
    float: right;
    width: 32%;
    line-height: 17px;
}

.checkout .payment_methods {
    float: left;
    width: 40%
}

.checkout .shipping_methods {
    float: right;
    width: 55%
}

.checkout .box .content .header {
    padding: 0px;
}

.checkout .shoppingcart_total {
    padding: 0px;
    line-height: 20px;
}

.checkout .shoppingcart_total hr {
    float: left;
}

.checkout .shoppingcart_total .total_value,
.checkout .shoppingcart_total .total_name {
    text-align: left;
}

.checkout .cart_summary .note {
    padding-top: 20px;
}

.checkout .box.checkout_addresses .content {
    border-bottom: none;
}

.checkout .selected_payment_shipping_methods .label {
    color: black;
    font-weight: bold;
    font-size: 8pt;
    display: block;
}
.checkout .selected_payment_shipping_methods .selected_payment_method {
    padding-bottom: 20px;
}
/* *************************************************************** */

/* *************************************************************** */
.checkout .form_view {
    color: #575757;
    font-size: 9pt;
    font-weight: normal;
}

.checkout .form_view .form_row {
    line-height: 20px;
}

.checkout .form_view .form_row .form_descr {
    width: 35%;
    font-family: Tahoma;
}

.checkout .form_view .form_row .form_field {
    width: 65%;
    margin-left: 35%;
}
/* *************************************************************** */


.checkout .shipping_same_as_billing,
.checkout .tax_exempt {
    padding: 15px 20px 0px 32%;
    margin-left: 20px;
}


.checkout .checkout_buttons {
    overflow: hidden;
    margin: 20px 20px 5px 20px;
    padding-top: 0px;
}

.checkout .checkout_buttons .button_back,
.checkout .checkout_buttons .button_continue_shopping_back {
    float: left;
}

.checkout .checkout_buttons .button_continue_checkout {
    float: right;
}


/* *************************************************************** */
.checkout_rule {
    background: url("../images/checkout-rule-step-1.gif") no-repeat top left;
    width: 940px;
    height: 25px;
    margin: auto auto;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    font-weight: bold;
    font-size: 8pt;
    color: #b0b0b0;
}

.checkout_rule.step_1_active {
    background: url("../images/checkout-rule-step-1.gif") no-repeat top left;
}

.checkout_rule span.step_1 {
    position: absolute;
    display: block;
    color: #428231;
    top: 6px;
    left: 20px;
}

.checkout_rule span.step_2 {
    position: absolute;
    display: block;
    top: 6px;
    left: 38%;
}

.checkout_rule span.step_3 {
    position: absolute;
    display: block;
    top: 6px;
    left: 73%;
}

.checkout_rule.step_2_active {
    background: url("../images/checkout-rule-step-2.gif") no-repeat top left;
}

.checkout_rule.step_2_active span.step_1 {
    color: #b0b0b0;
}

.checkout_rule.step_2_active span.step_2 {
    color: #428231;
}

.checkout_rule.step_3_active {
    background: url("../images/checkout-rule-step-3.gif") no-repeat top left;
}

.checkout_rule.step_3_active span.step_1,
.checkout_rule.step_3_active span.step_2 {
    color: #b0b0b0;
}

.checkout_rule.step_3_active span.step_3 {
    color: #428231;
}
/* *************************************************************** */


/* *************************************************************** */
.checkout .payment_method_list .payment_method_list_row,
.checkout .payment_method_list,
.checkout .shipping_method_list .shipping_method_list_row,
.checkout .shipping_method_list {
    overflow: hidden;
    width: 100%;
    clear: both;
}

.checkout .payment_method_list .note {
	padding: 10px;
}

.checkout .payment_method_list .payment_method_list_row,
.checkout .shipping_method_list .shipping_method_list_row {
    padding-bottom: 5px;
}

.checkout .payment_method_list .input_radio,
.checkout .shipping_method_list .input_radio {
    vertical-align: top;
}

.shipping_method_list_row .shipping_method_name {
    float: left;
    width: 45%;
}

.shipping_method_list_row .shipping_method_days {
    float: left;
    width: 20%;
}

.shipping_method_list_row .shipping_method_cost {
    float: right;
    width: 20%;
}

/* *************************************************************** */


.checkout .payment_method_form .form_descr {
    text-align: right;
    padding-right: 10px;
}


.checkout .box.shoppingcart .product_item {
    border-bottom: none;
    padding-bottom: 0px;
    padding-top: 3px;
}

.checkout .box.shoppingcart .product_item .product_name,
.checkout .box.shoppingcart .product_item .product_total_price,
.checkout .box.shoppingcart .product_item .product_sale_price,
.checkout .box.shoppingcart .product_item .product_quantity_selector {
    padding-top: 5px;
}

.checkout .box.shoppingcart .header .product_item .product_name,
.checkout .box.shoppingcart .header .product_item .product_total_price,
.checkout .box.shoppingcart .header .product_item .product_sale_price,
.checkout .box.shoppingcart .header .product_item .product_quantity_selector {
    color: #428231;
    font-weight: bold;
    font-size: 8pt;
    padding-top: 0px;
}

.checkout .box.shoppingcart .product_item .product_name {
    padding-left: 20px;
}

.checkout .box.shoppingcart .product_item .product_name a {
    font-size: 10pt;
}

.checkout .box.shoppingcart .content {
    padding-bottom: 10px;
}

.checkout.step_4_active .shoppingcart_total,
.checkout.step_3_active .shoppingcart_total {
    margin-left: 62%;
    clear: both;
    padding-top: 10px;
}

.checkout.step_4_active h1 {
    margin-bottom: 20px;
}

.checkout.step_4_active .note {
    padding: 0px 20px 20px 20px;
    font-size: 8pt;
    color: #428231;
    font-weight: bold;
}

.checkout.step_4_active .key_order_details .value,
.checkout.step_4_active .key_order_details .label {
    display: block;
    line-height: 20px;
}

.checkout.step_4_active .key_order_details .label {
    float: left;
    width: 45%;
    text-align: right;
}

.checkout.step_4_active .key_order_details .value {
    width: 45%;
    margin-left: 50%;
    text-align: left;
}

.checkout .box.shoppingcart .product_item .product_name .product_files_link {
    display: block;
    padding-top: 10px;
    padding-left: 10px;
}

.checkout .box.shoppingcart .product_item .product_name .product_files_link a {
    font-weight: normal;
    display: block;
}

.checkout .payment_method_list .form_view.credit_card_output {
    padding-top: 10px;
}

.checkout .payment_method_list .form_view.credit_card_output .form_row {
    font-size: 8pt;
    line-height: 10pt;
}

.form_view.credit_card_output .form_row .form_descr {
    width: 45%;
}

.form_view.credit_card_output .form_row .form_field {
    margin-left: 45%;
    width: 55%;
}

.checkout .paypalpro_expresscheckout {
    position: absolute;
    top: 150px;
    left:20px;
    width:280px;
    z-index:10;
}

.checkout .paypalpro_expresscheckout .paypalpro_uk_expresscheckout div {
    padding-bottom: 5px;
}

.checkout .paypalpro_expresscheckout .paypalpro_uk_expresscheckout .error_message {
    margin-left:0px;
    width:85%;
}

.checkout .paypalpro_uk_expresscheckout {
    position: absolute;
    top: 250px;
    left:20px;
    width:280px;
    z-index:10;
}

/* My Account Page ********************************************************** */
.myaccount .content {
    overflow: hidden;
}

.myaccount .subheader {
    padding: 0px 0px 5px 0px;
    margin: 20px 20px 0px 20px;
    background-color: white;
    font-size: 10pt;
    color: #428231;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
    border-bottom: 1px solid #d8e4ef;
}

.myaccount .product_download_link {
    padding-left: 10px;
}

.myaccount.checkout .product_item .product_name .product_download_link a {
    font-weight: normal;
    color: #428231;
    font-size: 9pt;
}

/* My Account Sign In (Full page) ******************************************* */
.myaccount .signin_form .subheader,
.myaccount .registr_invitation .subheader {
    margin-top: 5px;
    border-bottom: none;
    margin-left: 0px;
}

.myaccount .registr_invitation,
.myaccount .signin_form {
    width: 47%;
    overflow: hidden;
    padding-left: 20px;
    padding-bottom: 50px;
    margin-top: 10px;
}

.myaccount .registr_invitation {
    float: left;
    border-right: 1px solid #d8e4ef;
}

.myaccount .signin_form {
    float: right;
}

.myaccount .registr_invitation .button_register {
    margin: auto auto;
}

.myaccount .signin_form .form_row {
    padding-bottom: 20px;
}

.myaccount .signin_form .form_field {
    width: 50%;
    margin-left: 27%;
}

.myaccount .signin_form .form_descr {
    width: 27%
}

.myaccount .signin_form .form_descr label {
    font-weight: bold;
}

.myaccount .signin_form .input_submit {
    display: block;
    margin: auto auto;
}

.myaccount .signin_form .success_message,
.myaccount .signin_form .error_message {
    margin: 0px 40px 10px 0px;
}


/* My Account Sign In Box (Left-Right colums) ******************************* */
.myaccount .signin_box {
    padding: 15px 15px 0px 15px;
}

.left_column .myaccount .signin_box .form_view .form_row input,
.right_column .myaccount .signin_box .form_view .form_row input {
    margin: 0px;
}

.myaccount .signin_box .form_field {
    width: 60%;
    margin-left: 40%;
}

.myaccount .signin_box .form_descr {
    width: 40%
}

.myaccount .signin_box .input_submit {
    display: block;
    margin: auto auto;
    margin-top: 10px;
}

.myaccount .signin_box .success_message,
.myaccount .signin_box .error_message {
    margin: 0px 0px 10px 0px;
}

.myaccount .signin_box a {
    line-height: 20px;
}

.myaccount .signed_in_box  {
    padding: 15px 15px 0px 15px;
}

.myaccount .signed_in_box a {
    display: block;
    line-height: 20px;
}

/* My Account Registration From  ******************************************** */
.myaccount .registration_form {
    overflow: hidden;
    padding: 0px 20px 10px 20px;
    margin-top: 10px;
}

.myaccount .registration_form .success_message,
.myaccount .registration_form .error_message {
    margin: 0px 0px 10px 0px;
}

.myaccount .registration_form .form_view {
    width: 50%;
    margin: auto auto;
}

.myaccount .registration_form .form_view .form_row {
    padding-bottom: 10px;
}

.myaccount .registration_form .form_view .form_descr {
    width: 35%;
}

.myaccount .registration_form .form_view .form_field {
    width: 50%;
    margin-left: 35%;
}

.myaccount .registration_form .input_submit {
    display: block;
    margin: auto auto;
    margin-top: 10px;
}


/* My Account Home Page  **************************************************** */
/* Common layout */
.myaccount .box.myaccount_home {
    overflow: hidden;
    margin-top: 5px;
}

.box.myaccount_home .content {
    padding: 0px;
}

.myaccount_home .content .header {
    padding: 3px 0px 0px 0px;
    margin: 0px;
    color: #428231;
    font-weight: bold;
    font-size: 8pt;
    overflow: hidden;
}

.myaccount_home .header .orders_search,
.myaccount_home .header .account_settings {
    padding: 2px 20px 0px 20px;
    border-right: none;
}

.myaccount_home .orders_search,
.myaccount_home .account_settings {
    padding: 15px 20px 20px  20px;
    margin: 0px;
}

.myaccount_home .orders_search {
    float: left;
    width: 60%;
    border-right: 1px solid #CCD9E6;
}

.myaccount_home .account_settings {
    float: right;
    width: 31%;
}

/* Order List Layout */
.myaccount_home .header.order_list {
    background-color: #eaf1f7;
}

.myaccount_home .header .order_id,
.myaccount_home .header .order_invoice,
.myaccount_home .header .order_date,
.myaccount_home .header .order_amount,
.myaccount_home .header .order_tax,
.myaccount_home .header .order_status,
.myaccount_home .header .order_payment_status {
    padding: 2px 0px 0px 20px;
}

.myaccount_home .order_id,
.myaccount_home .order_invoice,
.myaccount_home .order_date,
.myaccount_home .order_amount,
.myaccount_home .order_tax,
.myaccount_home .order_status,
.myaccount_home .order_payment_status {
    padding: 4px 0px 4px 20px;
    float: left;
    width: 12%;
    text-align: center;
}

.myaccount_home .order_list {
    overflow: hidden;
    clear: both;
}

.myaccount_home .order_list.empty {
    text-align: center;
    padding: 50px 0px;
}

/* Order Search By Status-Links layout */
.myaccount_home .orders_search .by_statuses {
    width: 25%;
    float: left;
    overflow: hidden;
    line-height: 20px;
}

.myaccount_home .orders_search .by_statuses .label {
    width: 70%;
    float: left;
    clear: left;
}

.myaccount_home .orders_search .by_statuses .value {
    float: right;
    clear: right;
}

/* Order Search Form layout */
.myaccount_home .orders_search .by_form {
    width: 70%;
    float: right;
    overflow: hidden;
    position: relative;
}

.myaccount_home .orders_search .by_form .form_descr {
    text-align: right;
    padding-right: 10px;
}

.myaccount_home .orders_search .by_form .form_field.date select {
    width: 90px;
}

.myaccount_home .orders_search .by_form .form_field select {
    width: 184px;
}

.myaccount_home .orders_search .by_form .input_submit {
    display: block;
    margin: 0px 28px 0px auto;
    position: absolute;
    top: 69px;
    left: 305px;
}

.myaccount_home .orders_search .by_id {
    margin-top: 110px;
}

/* Account Settings Links layout */
.myaccount_home .account_settings a {
    display: block;
    line-height: 20px;
}

.myaccount .button_back {
    margin-left: 20px;
}

/* Order Invoice layout */
.myaccount.invoice .cn {
    background: none;
}

.myaccount.invoice .content .header,
.myaccount.invoice .content h1 {
    background-image: none;
    background-color: #BBBBBB;
    color: white;
}

.myaccount.invoice .shoppingcart_total {
    padding-bottom: 30px;
}

.myaccount.invoice .content .header .product_item .product_name,
.myaccount.invoice .content .header .product_item .product_total_price,
.myaccount.invoice .content .header .product_item .product_sale_price,
.myaccount.invoice .content .header .product_item .product_quantity_selector,
.myaccount.invoice .content .header .key_order_details,
.myaccount.invoice .content .header .shipping_form,
.myaccount.invoice .content .header .billing_form {
    color: white;
}

.myaccount.invoice .content .subheader,
.myaccount.invoice .content .key_order_details,
.myaccount.invoice .content .shipping_form,
.myaccount.invoice .content .billing_form,
.myaccount.invoice .content .shoppingcart_total,
.myaccount.invoice .content .product_item {
    color:black;
}

/* Change Password Form ***************************************************** */
.myaccount .change_password {
    overflow: hidden;
    padding: 0px 20px 100px 20px;
    margin-top: 10px;
}

.myaccount .change_password .success_message,
.myaccount .change_password .error_message {
    margin: 0px 0px 10px 0px;
}

.myaccount .change_password .form_view {
    width: 50%;
    margin: auto auto;
}

.myaccount .change_password .form_view .form_row {
    padding-bottom: 10px;
}

.myaccount .change_password .form_view .form_descr {
    width: 35%;
}

.myaccount .change_password .form_view .form_field {
    width: 50%;
    margin-left: 35%;
}

.myaccount .change_password .input_submit {
    display: block;
    margin: auto auto;
    margin-top: 10px;
}

/* Personal Information Form ************************************************ */
.myaccount .personalinfo_form {
    overflow: hidden;
    padding: 0px 20px 10px 20px;
    margin-top: 10px;
}

.myaccount .personalinfo_form .form_view .subheader {
    margin-left: 0px;
    margin-bottom: 10px;
    margin-right: 90px;
}

.myaccount .personalinfo_form .success_message,
.myaccount .personalinfo_form .error_message {
    margin: 0px 0px 10px 0px;
}

.myaccount .personalinfo_form .form_view {
    width: 50%;
    margin: auto auto;
}

.myaccount .personalinfo_form .form_view .form_row {
    padding-bottom: 10px;
}

.myaccount .personalinfo_form .form_view .form_descr {
    width: 35%;
}

.myaccount .personalinfo_form .form_view .form_field {
    width: 50%;
    margin-left: 35%;
}

.myaccount .personalinfo_form .input_submit {
    display: block;
    margin: auto auto;
    margin-top: 10px;
}

/* Order Download Link List ************************************************* */
.myaccount .product_download_links .header.link_list {
    background-color: #eaf1f7;
    color: #004a7f;
    font-weight: bold;
    font-size: 8pt;
    padding-left: 0px;
    padding-right: 0px;
}

.myaccount .product_download_links .header .attribute,
.myaccount .product_download_links .header .value {
    padding: 1px 0px 0px 20px;
}

.myaccount .product_download_links .attribute,
.myaccount .product_download_links .value {
    padding: 4px 0px 4px 20px;
    float: left;
    width: 16%;
    text-align: left;
}

.myaccount .product_download_links .value {
    width: 75%;
}

.myaccount .product_download_links .link_list {
    overflow: hidden;
    clear: both;
}


.myaccount .activation_message {
    padding: 50px 50px 100px 50px;
}

/* Download Prompt Page ***************************************************** */
.download_prompt {
    padding: 110px 20px 110px 20px;
    text-align: center;
}

.accout_remember_me_option {
    font-size: 8pt;
}

.subscribe_form {
    padding: 15px 15px 0px 15px;
}

.subscribe_form h2 {
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 5px 0px;
    background-color: white;
    font-size: 10pt;
    color: #428231;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
    border-bottom: 1px solid #d8e4ef;
}


.subscribe_form .success_message,
.subscribe_form .error_message {
    padding: 5px;
    margin: 0px 0px 10px 0px;
}

.subscribe_form .form_view {
    padding: 10px 0px 5px 15px;
}

.subscribe_form .form_view .input_checkbox {
    vertical-align: top;
}

.subscribe_form .input_text {
    display:block;
    margin: auto auto;
    width: 95%;
}

.right_column .subscribe_form .input_submit,
.left_column .subscribe_form .input_submit {
    display:block;
    margin: auto auto;
    margin-top: 5px;
}

.center_column .subscribe_form .input_submit {
    margin-top: 5px;
    display: block;
}

.center_column .subscribe_form {
    padding: 20px 20px 20px 20px;
}

.myaccount .subscribe_form .input_text {
    display: inline;
    margin: 0px;
    width: 20%;
}

.myaccount .subscribe_form .current_email {
    width: 30%;
    float: left;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 20px;
}

.myaccount .subscribe_form_buttons {
    overflow: hidden;
    margin: 20px 20px 20px 20px;
    padding-top: 20px;
    border-top: 1px solid #CCD9E6;
}

.myaccount .subscribe_form_buttons .button_back {
    float: left;
} 

.myaccount .no_subscribed_emails {
    width: 33%;
    float: left;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 20px;
    font-weight: bold;
}

.myaccount .subscribe_form .new_email {
    padding-top: 10px;
    padding-left: 20px;
}

.subscribe_form .already_subscribed {
	padding-top: 10px;
}

.box.shipping_calculator .content {
    overflow: hidden;
}

.box.shipping_calculator .form_descr {
    width: 70%;
}

.box.shipping_calculator .form_field {
    margin-left:70%;
    width: 30%;
}

.box.shipping_calculator .ship_to_address .form_descr,
.box.shipping_calculator .dest_address_form .form_descr {
    width: 30%;
}

.box.shipping_calculator .ship_to_address .form_field,
.box.shipping_calculator .dest_address_form .form_field {
    margin-left:30%;
    width: 70%;
}

.box.shipping_calculator .ship_to_address,
.box.shipping_calculator .chosen_method,
.box.shipping_calculator .shipping_method_form,
.box.shipping_calculator .dest_address_form {
    padding: 20px;
    width: 45%;
}

.box.shipping_calculator .dest_address_form,
.box.shipping_calculator .ship_to_address {
    float: left;
    clear: left;
}

.box.shipping_calculator .shipping_method_form,
.box.shipping_calculator .chosen_method {
    float: right;
    clear: right;
}

.box.shipping_calculator h3 {
    background-color:white;
    border-bottom:1px solid #D8E4EF;
    color:#428231;
    font-family:Arial;
    font-size:10pt;
    font-weight:bold;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

.page_container .box.subcategories .content {
    padding-bottom: 0px;
}

.page_container .subcategory_list {
    overflow: hidden;
    padding: 15px 15px 0px 15px;
}

.page_container .subcategory_list .subcategory_item {
    overflow: hidden;
    padding-bottom: 30px;
    float: left;
    width: 33%;
    text-align: center;
    height: 145px;
}

.page_container .subcategory_item .subcategory_img {
}

.page_container .subcategory_item .subcategory_name {
    padding-top: 5px;
}

.right_column .subcategory_list .subcategory_item {
    float: none;
    width: 100%;
} 


.product_type_filter .input_submit {
display:block;
margin:10px auto auto;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    background: #FFFFFF;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 480px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  480px;
    height: 275px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 160px;
    height: 275px;
}

.jcarousel-skin-tango .jcarousel-item .product_item {
    width: 100%;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 143px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 143px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/******************************************************************************* 
 * Tree container
 */
div.ui-dynatree-container
{
	font-family: Verdana, Sans-serif;
	font-size: 10pt; /* font size should not be too big */
    color: #5B7F9F;
    font-weight: 400;
    font-style:	normal;
	white-space: nowrap; 
	padding: 3px;
	
	background-color: white; 
}

/* Style, when control is disabled */
.ui-dynatree-disabled div.ui-dynatree-container
{
	opacity: 0.5;
/*	filter: alpha(opacity=50); /* Yields a css warning */
	background-color: silver; 
}


/******************************************************************************* 
 * Vertical line image
 */
div.ui-dynatree-container img
{
	width: 16px;
	height: 16px;
	margin-left: 3px;
	vertical-align: top;
	border-style: none;
}

/******************************************************************************* 
 * Common icon definitions
 */
span.ui-dynatree-empty,
span.ui-dynatree-vline,
span.ui-dynatree-connector,
span.ui-dynatree-expander,
span.ui-dynatree-icon,
span.ui-dynatree-checkbox,
span.ui-dynatree-radio
{
	width: 12px;
	height: 16px;
	display: -moz-inline-box; /* @ FF 1+2 */
	display: inline-block; /* Required to make a span sizeable */
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left;
}

/******************************************************************************* 
 * Lines and connectors
 */
span.ui-dynatree-empty
{
}

/******************************************************************************* 
 * Expander icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: ui-dynatree-exp-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling       
 */
 
span.ui-dynatree-expander
{
	background-image: url("ltP_nes.gif");
	cursor: pointer;
}
.ui-dynatree-exp-cl span.ui-dynatree-expander /* Collapsed, not delayed, last sibling */
{
	background-image: url("ltP_ne.gif");
}
.ui-dynatree-exp-cd span.ui-dynatree-expander /* Collapsed, delayed, not last sibling */
{
	background-image: url("ltD_nes.gif");
}
.ui-dynatree-exp-cdl span.ui-dynatree-expander /* Collapsed, delayed, last sibling */
{
	background-image: url("ltD_ne.gif");
}
.ui-dynatree-exp-e span.ui-dynatree-expander,  /* Expanded, not delayed, not last sibling */
.ui-dynatree-exp-ed span.ui-dynatree-expander,  /* Expanded, delayed, not last sibling */
.ui-dynatree-exp-el span.ui-dynatree-expander,  /* Expanded, not delayed, last sibling */
.ui-dynatree-exp-edl span.ui-dynatree-expander  /* Expanded, delayed, last sibling */
{
	background-image: url("ltM_ne.gif");
}


/******************************************************************************* 
 * Checkbox icon
 */
span.ui-dynatree-checkbox
{
	margin-left: 3px;
	background-image: url("cbUnchecked.gif");
}
span.ui-dynatree-checkbox:hover
{
	background-image: url("cbUnchecked_hover.gif");
}

.ui-dynatree-partsel span.ui-dynatree-checkbox
{
	background-image: url("cbIntermediate.gif");
}
.ui-dynatree-partsel span.ui-dynatree-checkbox:hover
{
	background-image: url("cbIntermediate_hover.gif");
}

.ui-dynatree-selected span.ui-dynatree-checkbox
{
	background-image: url("cbChecked.gif");
}
.ui-dynatree-selected span.ui-dynatree-checkbox:hover
{
	background-image: url("cbChecked_hover.gif");
}

/******************************************************************************* 
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'ui-dynatree-radio' in the tree options.
 */
span.ui-dynatree-radio
{
	margin-left: 3px;
	background-image: url("rbUnchecked.gif");
}
span.ui-dynatree-radio:hover
{
	background-image: url("rbUnchecked_hover.gif");
}

.ui-dynatree-partsel span.ui-dynatree-radio
{
	background-image: url("rbIntermediate.gif");
}
.ui-dynatree-partsel span.ui-dynatree-radio:hover
{
	background-image: url("rbIntermediate_hover.gif");
}

.ui-dynatree-selected span.ui-dynatree-radio
{
	background-image: url("rbChecked.gif");
}
.ui-dynatree-selected span.ui-dynatree-radio:hover
{
	background-image: url("rbChecked_hover.gif");
}

/******************************************************************************* 
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: ui-dynatree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 */
 
span.ui-dynatree-icon /* Default icon */
{
	margin-left: 3px;
	background-image: url("ltDoc.gif");
}

.ui-dynatree-ico-cf span.ui-dynatree-icon  /* Collapsed Folder */
{
	background-image: url("ltFld.gif");
}

.ui-dynatree-ico-ef span.ui-dynatree-icon  /* Expanded Folder */
{
	background-image: url("ltFld_o.gif");
}

/* Status node icons */

.ui-dynatree-statusnode-wait span.ui-dynatree-icon
{
	background-image: url("ltWait.gif");
}

.ui-dynatree-statusnode-error span.ui-dynatree-icon
{
	background-image: url("ltError.gif");
}

/******************************************************************************* 
 * Node titles
 */

/* Remove blue color and underline from title links */
div.ui-dynatree-container a
/*, div.ui-dynatree-container a:visited*/
{
	font-family: Verdana, Sans-serif;
	font-size: 10pt; /* font size should not be too big */
    color: #5B7F9F;
    font-weight: 400;
    font-style:	normal;
	text-decoration: none;
	vertical-align: top;
	margin: 0px;
	margin-left: 0px;
/*	outline: 0; /* @ Firefox, prevent dotted border after click */
}

div.ui-dynatree-container a:hover
{
	text-decoration: underline;
}

span.ui-dynatree-document a,
span.ui-dynatree-folder a
{
	display: inline-block; /* Better alignment, when title contains <br> */  
/*	vertical-align: top;*/
	padding-left: 3px;
	padding-right: 3px; /* Otherwise italic font will be outside bounds */
	/*	line-height: 16px; /* should be the same as img height, in case 16 px */
}
span.ui-dynatree-folder a
{
	font-weight: bold;
}

div.ui-dynatree-container a:focus,
span.ui-dynatree-focused a:link  /* @IE */
{
	background-color: #EFEBDE; /* gray */
}


span.ui-dynatree-has-children a
{
}

span.ui-dynatree-expanded a
{
/*    color: #FF8400;
    font-weight: bold; */
}

span.ui-dynatree-selected a 
{
	color: green; 
	font-style: italic;
}

span.ui-dynatree-active a
{
	background-color: #3169C6 !important;
	color: white !important; /* @ IE6 */
}

/******************************************************************************* 
 * Custom node classes (sample)
 */

span.item_selected {
    color: #ff8400;
    font-weight: bold;
}

